//变量
@import "./tpl/variable.less";
.rightbox.charge-heart{
    background:RGB(255, 240, 240);
    >.a,>.b,>.c{
        height:80px;
        >.right{
        
        }
    }
    >div{
        >div{
            float:left;
        }
    }
    .right{
        margin-left:28px;
    }
    .left{
        width:121px;
        text-align: right;
        color:RGB(51, 51, 51);
        font-size:14px;
    }
    >.a{
        line-height: 80px;
        >.right{
            float:left;
            >div{
                float:left;
                >div{
                    float:left;
                }
                .button{
                    margin-top:29px;
                    margin-right:10px;
                    width:22px;
                    height:22px;
                    border-radius:50%;
                    color:RGB(233, 94, 75);
                    border:1px solid RGB(247, 160, 36);
                    position: relative;
                }
                .button.active{
                    div{
                        height:8px;
                        width:8px;
                        background:RGB(247, 160, 36);
                        border-radius:50%;
                        position:absolute;
                        left:0;
                        right:0;
                        bottom:0;
                        top:0;
                        margin:auto;
                    }
                }
                .text{
                    font-size:16px;
                    width:42px;
                    color:RGB(51, 51, 51);
                }
            }
        }
    }
    >.b,>.c{
        .right{
            height:44px;
            width:216px;
        }
    }
    >.b{
        
    }
    >.c{
        
    }
    >.d{
        
    }
    >.ofooter{
        >div{
            
        }
    }
    >.button{
        >div{
            
        }
    }
}
